<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    p:first-child:first-letter {
      color: #903;
      font-family: Georgia;
      initial-letter: 2;
    }
  </style>
</head>

<body>
  <!--
    The browser support for initial-letter is pretty sparse at the time of this writing,
    but it can be used to calculate the number of lines the drop capped letter should occupy and the font size
    instead of doing that on your own.
  -->
  <p>
    It was the best of times, it was the worst of times, it was the age of
    wisdom, it was the age of foolishness, it was the epoch of belief, it
    was the epoch of incredulity, it was the season of Light, it was the
  </p>
</body>
</html>